<template>
  <div class="decoration__page">
    <!-- 菜单 -->
    <slot name="EditorControlPage"></slot>

    <!-- 预览 -->
    <Preview :formData="formData"></Preview>

    <!-- 设置 -->
    <Setting :formData="formData"></Setting>
  </div>
</template>

<script lang="ts">
import { Vue, Component } from "vue-property-decorator";
import EditorControlPage from "@/views/decoration/components/EditorPage/src/EditorControlPage.vue";
import Preview from "./components/SpellPage/Preview.vue";
import Setting from "./components/SpellPage/Setting.vue";
import SpellPage from "./components/SpellPage/SpellPage";

@Component({
  components: {
    EditorControlPage,
    Preview,
    Setting,
  },
})
export default class Page extends Vue {
  /** 配置数据 */
  formData: SpellPage = new SpellPage();

  beforeDestroy() {
    console.log("结合哈哈哈哈");
  }
}
</script>

<style lang="scss" scoped>
@import "../../assets/styles/decoration/userCenter";
@import "@/assets/styles/decoration/editorPage";
@import "@/assets/styles/decoration/spellPage";
</style>
